<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>费率优惠月</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	</head>
	<style type="text/css">
		*{margin: 0;padding: 0;}
		.conter img{width: 100%;display: block;height: auto;}
	</style>
	<body>
		<div class="conter">
			<img src="./img/active.png"/>
		</div>
		<script type="text/javascript">
			!(function(doc, win) {
	        var docEle = doc.documentElement,//获取html元素
	            event = "onorientationchange" in window ? "orientationchange" : "resize",//判断是屏幕旋转还是resize;
	            fn = function() {
	                var width = docEle.clientWidth;
	                width && (docEle.style.fontSize = 50 * (width / 375) + "px");//设置html的fontSize，随着event的改变而改变。
	            };
	        win.addEventListener(event, fn, false);
	        doc.addEventListener("DOMContentLoaded", fn, false);
	    }(document, window));
		</script>
	</body>
</html>
